*{margin: 0px;padding: 0px;}

body{font-family: "微软雅黑","宋体";font-size: 12px;background-color: purple;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px; }
.f14{font-size: 14px; }
.center{text-align: center; }
.clear::after{content: "";display:block;clear:both;}
.fl{float: left; }
.fr{float: right;}
.none{display: none;}
.block{display: block; }
.inline{display: inline;}


/*头部样式*/
#header{background-color:rgb(49, 49, 68);
color: blanchedalmond;border: 0px;
border-bottom: 1px solid #eee;}

#header .navbar-collapse{margin-top: 10px;}

#header .navbar-collapse .nav .link{background-color: rgb(95，2，56);}

#header .navbar-collapse .nav li a{color:#eee;font-size: 16px;}

#header .navbar-collapse .nav li a :hover{background-color:rgba(138，2，81,0.7);}


/*尾部样式*/
.footer{padding: 20px 30px ;color: rgb(8, 8, 8);text-align: center;}
.footer .row{margin: 20px auto;width: 50%;}
.footer .row div p{margin: 10px 0px;font-size: 16px;}
.footer .nav li a{color:#666;font-size: 16px;}
.footer .nan li a:hover{background: rgb(95，2，56);}



/*首页*/
.content{width: 80%;margin: 20px auto;}
.content .item h2{color: #000;}
#rednews div{color: white;text-align: center;}
#rednews div h4{line-height: 26px;}
#rednews div .font{color: tomato;font-size: 10px;}
#rednews div img{margin: 80px ;}

#newsdsj1>div,#newsdsj2>div{color: #eee;text-align: center;position: relative;overflow: hidden !important;}

#newsdsj1>div>div,#newsdsj2>div>div{position: absolute;width: 100%;top: 0px;left:0px ;right: 0px;bottom:0px;padding-top: 10%; transition: all 1s ease; background: -webkit-linear-gradient(right,transparent,black);}

#newsdsj1>div img,#newsdsj2>div img{width: 100%;height: auto;transition: all 1s ease;}

#newsdsj1 div:hover img,#newsdsj2 div:hover img{transform: scale(1.2);}
#newsdsj1 div div:hover,#newsdsj2 div div:hover{background: rgb(0,0,0,0.7);}

 #newsdy div{color:#eee}
#newsdy div img{margin: 10px auto;}
#newsdy>div img{width: 70%;height: auto;}
#newsdy div p{color: black;}
.content .item h3,span{color: #000;}


/* 关于我们 */
#about {text-align: center;}
#about img{margin: 0px auto;}

#accordion .panel .panel-heading{background-color:rgb(3, 90, 124);}#accordion .panel .panel-heading h4 a{color:white;}
#accordion .panel .panel-body img{margin-left:20px;}
#accordion .panel .panel-body p{line-height: 24px;padding: 15px 20px;}


.fom{text-align: center;color:口#666; background-color:rgba(255,255,255,0.8);padding: 30px 30px;}
.fom form .row div .form-control{height: 40px;}
.fom form .row div #text{height:200px;}
.fom form .row div{padding: 10px 5px;overflow: hidden; }


#news {color:#000;}
#news div .test{background-color:rgba(rgb(35, 24, 24), rgb(66, 71, 66), rgb(49, 49, 68), alpha);padding:10px 20px;}
#news div .img-responsive{margin: 0px auto;}
#news div .test p span:nth-child(1){background-color: rgba(245,7,7,0.7);display: block ;padding: 5px 15px;}

    

.media{color:#000;background-color:rosybrown}
.media .media-body p{font-size: 14px;line-height: 30px;}
.media .media-body h4{padding: 20px 0px;}

.media .media-right{text-align: center;}
.media img{max-width: 50%;max-height: 100%;}

/*登录页面*/
.wrap{background-image: url(../img/denglu.jpg);background-repeat: no-repeat;
background-attachment: fixed;background-size: 100%;padding: 50px 0px;}
.login{width: 40%;margin: 0px auto;background-color: rgb(49, 49, 68);padding: 30px;color: rgba(255,255,255,0.8);border-radius: 20px;}
.login form p{margin: 20px 0px;font-size: 14px;}
.login form .clearfix .pull-right a{color: silver;margin: 0px 10px;}
.login form p .form-control{height: 40px;}




@media all and (max-width:992px){
    #example{float: none !important;}
    .footer .row{margin:20px auto;width: 80%;}
    .media .media-body,.media .media-right {
    display : block;width: 100%;}
    .login{width: 80%;}
    .wrap{background-size: 1000px;}
    }
    
@media all and (max-width:768px){
    
}